<template>
    <div class="footer-class"> 
        <mt-tabbar v-model="selected">
            <mt-tab-item id="外卖">
                <!-- <img slot="icon" src=""> -->
                <!-- <i slot="icon" class="iconfont icon-icon-test1"></i> -->
                <router-link to="/MSite" tag="i" slot="icon" class="iconfont icon-icon-test1"></router-link>
                外卖
            </mt-tab-item>
            <mt-tab-item id="订单">
                <!-- <i slot="icon" class="iconfont icon-icon-test"></i> -->
                <router-link to="/Order" tag="i" slot="icon" class="iconfont icon-icon-test"></router-link>
                订单
            </mt-tab-item>
            <mt-tab-item id="发现">                
                <router-link to="/Search" tag="i" slot="icon" class="iconfont icon-icon-test2"></router-link>
                发现
            </mt-tab-item>
            <mt-tab-item id="我的">                
                <router-link to="/Profile" tag="i" slot="icon" class="iconfont icon-icon-test3"></router-link>
                我的
            </mt-tab-item>
        </mt-tabbar>
    </div>
</template>

<script>
export default {
    data() {
        return {
            selected: "外卖"
        }
    }
}
</script>


<style lang="scss" scoped>
    .footer-class {
        height: 40px

        i {
            font-size: 24px;
        }
    }
</style>
